

/*yellownote*/
.note1 {
background-image:url('stick1.png');
backgroundrepeat:none;
width:700px;
height:450px;
position:absolute;
left:75px;
top:100px;
z-index:-1;
}

@font-face {
font-family:Viva;
src:url(vivalavida.ttf);
}

.yellowtext {
width:500px;
height:300px;
position:relative;
left:175px;
top:150px;
font-size:26px;
font-family:Opp, Verdana, Geneva, sans-serif;
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
}
.titletext {
font-family:Joe, Verdana, Geneva, sans-serif;
font-size:35px;
font-weight:bolder;
}



/*fingernote*/
.fingersticky {
background-image:url('fingerstick.png');
backgroundrepeat:none;
width:430px;
height:320px;
position:absolute;
right:125px;
top:325px;
}

.fingertext {
width:200px;
height:300px;
position:relative;
left:975px;
top:40px;
font-size:18px;
font-family:Balpen, Verdana, Geneva, sans-serif;
-webkit-transform:rotate(-35deg);
-moz-transform:rotate(-35deg);
}

/*speach note */
.speachstick {
background-image:url('speachstick.png');
backgroundrepeat:none;
width:400px;
height:300px;
position:absolute;
left:200px;
top:650px;
}

@font-face {
font-family:Journal;
src:url(journal.ttf);
}
.speechtext {
font-family:journal, Verdana, Geneva, sans-serif;
font-size:40px;
font-weight:bolder;
position:absolute;
left:290px;
top:750px;
}

/*  circle note */
.circlestick {
background-image:url('circlestick.png');
backgroundrepeat:none;
width:275px;
height:280px;
position:absolute;
right:300px;
top:720px;
}

.circletext {
font-family:Viva, Verdana, Geneva, sans-serif;
font-size:18px;
font-weight:bolder;
position:absolute;
right:310px;
top:850px;
width:250px;
}

/*decorative pins*/
.pin {
background-image:url('pins1.png');
backgroundrepeat:none;
width:150px;
height:150px;
position:absolute;
right:225px;
top:75px;
z-index:2;
}

.pin2 {
background-image:url('cutebutton.png');
backgroundrepeat:none;
width:250px;
height:175px;
position:absolute;
left:75px;
top:900px;
z-index:2;
}